<!doctype html>
<html lang="zh-CN">

<head>
    <title>MFDR Report Search</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" type="image/x-ico" href="favicon.ico" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="en/css/bootstrap.min.css">
    <link rel="stylesheet" href="en/css/all.min.css">
    <link rel="stylesheet" href="en/css/style.min.css">
</head>

<body>
    <div class="flex-container">
        <nav class="nav top-nav">
            <div class="container">
                <div class="row">
                   #include("language.html")
                </div>
            </div>
        </nav>
        <header class="masthead mb-auto">
            <div class="inner logo">
                <div class="webtitle">
                    <div class="title-h3 masthead-brand">国产飞机运营伙伴当局信息系统</div>
                    <div class="title-h4">Platform among CAAC MOU Partners for China-Made Aircrafts</div>
                </div>
                #include("mainnav_en.html")
                <div class="search-form">
                    #include("searchhead.html")
                </div>
            </div>
            #include("menu_en.html")
        </header>
        <div class="container">
            <div class="page-title">MFDR Report Search</div>
            <div class="row">
                <div class="col-3 left-bar">
                    #include("srd_menu_en.html")
                </div>
                <div class="col-9 right-list">
                    <h4 class="title-bar">MFDR Report Search</h4>
                    <form class="needs-validation" novalidate>
                        <table class="table">
                            <tr>
                                <td>ATA Chapter</td>
                                <td><input type="text" class="form-control" required></td>
                                <td>Aircraft Register Number</td>
                                <td><input type="text" class="form-control" required></td>
                            </tr>
                            <tr>
                                <td>Difficulty Date</td>
                                <td>
                                    <input type="text" class="form-control" id="startdate" placeholder="" required>
                                </td>
                                <td>to</td>
                                <td>
                                    <input type="text" class="form-control" id="enddate" placeholder="" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Operater Name</td>
                                <td><input type="text" class="form-control" required></td>
                                <td>Report No.</td>
                                <td><input type="text" class="form-control" required></td>
                            </tr>
                            <tr>
                                <td>Report Status</td>
                                <td>
                                    <select name="status" class="custom-select">
                                        <option value="all">All</option>
                                    </select>
                                </td>
                                <td>Operation Type</td>
                                <td><input type="text" class="form-control" required></td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-center">
                                    <button type="submit" class="btn btn-primary">Search</button>
                                    <button type="button" class="btn btn-light">Advanced Search</button>
                                </td>
                            </tr>
                        </table>
                    </form>
                    <table class="table table-striped table-responsive">
                        <thead>
                            <tr>
                                <td>NO.</td>
                                <td>Report No.</td>
                                <td>Operater Name</td>
                                <td>Operator Type</td>
                                <td>Aircraft Register Number</td>
                                <td>Model</td>
                                <td>ATA Chapter</td>
                                <td>Difficulty Phenomenon</td>
                                <td>Difficulty Place</td>
                                <td>Difficulty Date</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>SDR20200001</td>
                                <td>CAAC</td>
                                <td>type</td>
                                <td>RegNo.</td>
                                <td>A737</td>
                                <td>1111</td>
                                <td>222</td>
                                <td>2020-03-20</td>
                                <td>2020-03-19</td>
                            </tr>
                        </tbody>
                    </table>
                    <nav aria-label="Page navigation" class="mt-4">
                        <ul class="pagination justify-content-center pagination-sm">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                    <span class="sr-only">上一页</span>
                                </a>
                            </li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                    <span class="sr-only">下一页</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
#include("bottom.html")
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.3.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>